{% extends 'base.html' %}

{% block navbar %}
    <nav class="navbar navbar-default">
        <div class="container">

            <ul class="nav nav-pills nav-justified">
                <li role="presentation" class="active"><a href="http://127.0.0.1:5000/entry">天气查询</a></li>
                <li role="presentation"><a href="http://127.0.0.1:5000/traffic">路况查询</a></li>
                <li role="presentation"><a href="http://127.0.0.1:5000/blog">出行笔记</a></li>
                <li role="presentation"><a href="http://127.0.0.1:5000/viewlog">系统日志</a></li>
            </ul>

        </div>
    </nav>
{% endblock %}

{% block app_content %}

<div class="page-header">
    <h1>天气查询 <small>What's the weather like today？</small></h1>
</div>
<div >
    <table style="margin: 0px;padding: 0px;">
        <td style="margin: 0px;padding: 0px;">
            <div class="porn" style="margin-left: 100px;">
                <img src="http://pic360.nipic.com/file/20210113/10647388_194336464089_2.jpg" style="border-radius: 50%;overflow: hidden;width: 400px;">
            </div>
        </td>
    <td style="margin: 0px;padding: 0px;">
        <div class="hub" style="margin-left: 100px;">
                <div class="weather">
                    <div>
                        <h4>请输入您所在的城市： </h4>
                    </div>
                        <div>
                            <form method="post" action="/get_weather">
                                <input type="text" required="required" name="city" id="city" class="form-control" placeholder="例如：北京" required autofocus>
                                <button class="btn btn-lg btn-primary btn-block" type="submit">查询</button>
                            </form>
                        </div>

                </div>

        </div>
    </td>

    </table>

</div>






{% endblock %}